<template>
  <view class="biz-container">
    <!-- 次业务组件 开始 -->
    <!-- 什么是次业务组件：如左树右表中树可以不存在但表必须存在,其中树即为次业务组件 -->
    <view class="xxxxx-container" :class="{
      ...getClassObjInBizTemplateCrudContainerWhenRender('xxxxx'),
    }">
      <!-- 设计时的CRUD组件操作按钮 -->
      <slot v-if="canvasRenderConfig.enable && canvasRenderPickedComp.targetSuffix === '_xxxxx'" name="canvasRender" />

      <!-- key为 xxxxx 的 自定义CRUD组件 在下面渲染 -->
      <view class="xxxxx-content"></view>
    </view>
    <!-- 次业务组件 结束 -->

    <!-- //////////////////////////////////////////////////////////////// -->

    <!-- 主业务组件 开始 -->
    <!-- 什么是主业务组件：如左树右表中树可以不存在但表必须存在,其中表即为主业务组件 -->
    <view class="table-container" :class="{
      ...getClassObjInBizTemplateCrudContainerWhenRender('table'),
    }">
      <!-- 设计时的CRUD组件操作按钮 -->
      <slot v-if="canvasRenderConfig.enable && canvasRenderPickedComp.targetSuffix === ''" name="canvasRender" />

      <!-- key为 主业务表 的 自定义CRUD组件 在下面渲染 -->
      <view class="table-content"></view>
    </view>
    <!-- 主业务组件 结束 -->
  </view>
</template>
<script setup>
import {
  ref,
  reactive,
  shallowRef,
  shallowReactive,
  computed,
  getCurrentInstance,
  toRefs,
  watch,
  provide,
} from "vue";
import useGetCurUiTemplateInfo from "@gd-accbuild-core/hooks/useGetCurUiTemplateInfo";
import useCanvasRender  from "../../../hooks/useCanvasRender/useCanvasRender";
import buildInBizTemplateProps from "@gd-accbuild-core/hooks/buildInBizTemplateProps"
const { proxy: vm } = getCurrentInstance();

const props = defineProps({
  ...buildInBizTemplateProps,
  ////////////
  overrideXxxxxAllBtnsEmitFormItemMetaConfig: {
    type: Object,
    default: () => ({}),
  },
  /////////////////
});

const {
  templateContainerAttr,
  getClassObjInBizTemplateCrudContainerWhenRender,
  canvasRenderPickedComp,
} = useCanvasRender({
  props,
  curTemplateAllCrudContainerKeys: ["table", "xxxxx"],
});
</script>
<style
  lang="scss"
  scoped
  src="../../../hooks/useCanvasRender/useCanvasRender.scss"
>

</style>
